<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="techstorm">
        <meta name="author" content="techstorm">
        <link rel="shortcut icon" href="<?= $assets; ?>/images/logo.png">

        <title><?= $title; ?></title>
        <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,400italic,700,800' rel='stylesheet' type='text/css'>
        <link href='http://fonts.googleapis.com/css?family=Raleway:300,200,100' rel='stylesheet' type='text/css'>
        <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
        <!--[if lt IE 9]>
          <script src="../../assets/js/html5shiv.js"></script>
          <script src="../../assets/js/respond.min.js"></script>
        <![endif]-->
        <?php
        if (!empty($styles)) :
            foreach ($styles as $style) :
                ?>
                <link href="<?= $assets . '/' . $style; ?>" rel="stylesheet" />
                <?php
            endforeach;
        endif;
        ?>
    </head>

    <body>

        <!-- Fixed navbar -->
        <div id="head-nav" class="navbar navbar-default navbar-fixed-top">
            <div class="container-fluid">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                        <span class="fa fa-gear"></span>
                    </button>
                    <a class="navbar-brand" href="#"><span>Poker Website</span></a>
                </div>
                <div class="navbar-collapse collapse">
                    <ul class="nav navbar-nav">
                        <li class="active"><a href="#">Home</a></li>
                        <li><a href="#about">About</a></li>
                        <li><a href="#">Contact</a></li>
                    </ul>
                    <ul class="nav navbar-nav navbar-right user-nav">
                        <?php if ($user_info === FALSE) : ?>
                            <li class="dropdown profile_menu">
                                <?= anchor('home/login', '<img alt="Avatar" class="avatar-small" src="' . $assets . '/images/login.png" />Login', array('class' => 'dropdown-toggle')); ?>
                            </li>
                        <?php else : ?>
                            <li class="dropdown profile_menu">

                                <a href="#" class="dropdown-toggle" data-toggle="dropdown"><img alt="Avatar" src="<?= $assets; ?>/images/avatar2.jpg" />Jeff Hanneman <b class="caret"></b></a>
                                <ul class="dropdown-menu">
                                    <li><a href="#">My Account</a></li>
                                    <li><a href="#">Profile</a></li>
                                    <li><a href="#">Messages</a></li>
                                    <li class="divider"></li>
                                    <li><a href="#">Sign Out</a></li>
                                </ul>
                            </li>
                        <?php endif; ?>
                    </ul>
                    <ul class="nav navbar-nav navbar-right not-nav">
                        <li class="button dropdown">
                            <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-globe"></i>
                                <!--<span class="bubble">0</span>-->
                            </a>
                            <ul class="dropdown-menu">
                                <li>
                                    <div class="nano nscroller">
                                        <div class="content">
                                            <ul>
                                                <li><a href="#"><i class="fa fa-cloud-upload info"></i><b>Daniel</b> is now following you <span class="date">2 minutes ago.</span></a></li>
                                            </ul>
                                        </div>
                                    </div>
                                    <ul class="foot"><li><a href="#">View all notifications </a></li></ul>
                                </li>
                            </ul>
                        </li>
                    </ul>

                </div><!--/.nav-collapse -->
            </div>
        </div>

        <div id="cl-wrapper">
            <div class="cl-sidebar">
                <div class="cl-toggle"><i class="fa fa-bars"></i></div>
                <div class="cl-navblock">
                    <div class="menu-space">
                        <div class="content">
                            <div class="side-user">
                                <div class="avatar"><img src="<?= $assets; ?>/images/avatar1_50.jpg" alt="Avatar" /></div>
                                <div class="info">
                                    <a href="#">Jeff Hanneman</a>
                                    <img src="<?= $assets; ?>/images/state_online.png" alt="Status" /> <span>Online</span>
                                </div>
                            </div>
                            <ul class="cl-vnavigation">
                                <li><a href="#"><i class="fa fa-home"></i><span>Dashboard</span></a>
                                    <ul class="sub-menu">
                                        <li><a href="index.html">Version 1</a></li>
                                        <li><a href="dashboard2.html"><span class="label label-primary pull-right">New</span> Version 2</a></li>
                                    </ul>
                                </li>
                                <li><a href="#"><i class="fa fa-smile-o"></i><span>UI Elements</span></a>
                                    <ul class="sub-menu">
                                        <li><a href="ui-elements.html">General</a></li>
                                        <li><a href="ui-buttons.html">Buttons</a></li>
                                        <li><a href="ui-modals.html"><span class="label label-primary pull-right">New</span> Modals</a></li>
                                        <li><a href="ui-notifications.html"><span class="label label-primary pull-right">New</span> Notifications</a></li>
                                        <li><a href="ui-icons.html">Icons</a></li>
                                        <li><a href="ui-grid.html">Grid</a></li>
                                        <li><a href="ui-tabs-accordions.html">Tabs & Acordions</a></li>
                                        <li><a href="ui-nestable-lists.html">Nestable Lists</a></li>
                                        <li><a href="ui-treeview.html">Tree View</a></li>
                                    </ul>
                                </li>
                                <li><a href="#"><i class="fa fa-list-alt"></i><span>Forms</span></a>
                                    <ul class="sub-menu">
                                        <li><a href="form-elements.html">Components</a></li>
                                        <li><a href="form-validation.html">Validation</a></li>
                                        <li><a href="form-wizard.html">Wizard</a></li>
                                        <li><a href="form-masks.html">Input Masks</a></li>
                                        <li><a href="form-multiselect.html"><span class="label label-primary pull-right">New</span>Multi Select</a></li>
                                        <li><a href="form-wysiwyg.html"><span class="label label-primary pull-right">New</span>WYSIWYG Editor</a></li>
                                        <li><a href="form-upload.html"><span class="label label-primary pull-right">New</span>Multi Upload</a></li>
                                    </ul>
                                </li>
                                <li><a href="#"><i class="fa fa-table"></i><span>Tables</span></a>
                                    <ul class="sub-menu">
                                        <li><a href="tables-general.html">General</a></li>
                                        <li><a href="tables-datatables.html"><span class="label label-primary pull-right">New</span>Data Tables</a></li>
                                    </ul>
                                </li>
                                <li><a href="#"><i class="fa fa-map-marker nav-icon"></i><span>Maps</span></a>
                                    <ul class="sub-menu">
                                        <li><a href="maps.html">Google Maps</a></li>
                                        <li><a href="vector-maps.html"><span class="label label-primary pull-right">New</span>Vector Maps</a></li>
                                    </ul>
                                </li>
                                <li><a href="#"><i class="fa fa-envelope nav-icon"></i><span>Email</span></a>
                                    <ul class="sub-menu">
                                        <li><a href="email-inbox.html">Inbox</a></li>
                                        <li><a href="email-read.html">Email Detail</a></li>
                                        <li><a href="email-compose.html"><span class="label label-primary pull-right">New</span>Email Compose</a></li>
                                    </ul>
                                </li>
                                <li><a href="typography.html"><i class="fa fa-text-height"></i><span>Typography</span></a></li>
                                <li><a href="charts.html"><i class="fa fa-bar-chart-o"></i><span>Charts</span></a></li>
                                <li><a href="#"><i class="fa fa-file"></i><span>Pages</span></a>
                                    <ul class="sub-menu">
                                        <li class="active"><a href="pages-blank.html">Blank Page</a></li>
                                        <li><a href="pages-blank-header.html">Blank Page Header</a></li>
                                        <li><a href="pages-blank-aside.html">Blank Page Aside</a></li>
                                        <li><a href="pages-login.html">Login</a></li>
                                        <li><a href="pages-404.html">404 Page</a></li>
                                        <li><a href="pages-500.html">500 Page</a></li>
                                        <li><a href="pages-sign-up.html"><span class="label label-primary pull-right">New</span>Sign Up</a></li>
                                        <li><a href="pages-forgot-password.html"><span class="label label-primary pull-right">New</span>Forgot Password</a></li>
                                        <li><a href="pages-profile.html"><span class="label label-primary pull-right">New</span>Profile</a></li>
                                        <li><a href="pages-search.html"><span class="label label-primary pull-right">New</span>Search</a></li>
                                        <li><a href="pages-calendar.html"><span class="label label-primary pull-right">New</span>Calendar</a></li>
                                        <li><a href="pages-code-editor.html"><span class="label label-primary pull-right">New</span>Code Editor</a></li>
                                        <li><a href="pages-gallery.html">Gallery</a></li>
                                        <li><a href="pages-timeline.html">Timeline</a></li>
                                    </ul>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="text-right collapse-button" style="padding:7px 9px;">
                        <input type="text" class="form-control search" placeholder="Search..." />
                        <button id="sidebar-collapse" class="btn btn-default" style=""><i style="color:#fff;" class="fa fa-angle-left"></i></button>
                    </div>
                </div>
            </div>

            <div class="container-fluid" id="pcont">
